<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="com.jimet.server.*"%>
<div class="container">
    <div class="clientsay">
      <div class="quote-icon"><img src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/images/quote.png" alt=""></div>
      <p>Reachol istediğin herşeyi tek bir ekranda yapabileceğin ücretsiz ve yeni bir sosyal ağdır.Reachol sayesinde müzik dinlerken iş arayabilir , haber okurken film fragmanlarına bakabilrisin.</p>
      <span class="sepceby"> YEPYENİ BİR SOSYAL YAPI : <strong>REACHOL</strong><br>
       </span> </div>
    <div class="row">
      <div class="col-md-4">
        <div class="about_item">
          <h3 class="about_title hilight">REACHOL NEDİR</h3>
          <div class="who_weare">
            <div class="whbanner carousel slide" id="whBanner"> 
              <!-- Carousel items -->
              <div class="carousel-inner">
                <div class="item active"> <img src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/images/banner-01.jpg" alt=""> </div>
                <!--/item-->
                <div class="item"> <img src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/images/banner-01.jpg" alt=""> </div>
                <!--/item-->
                <div class="item"> <img src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/images/banner-01.jpg" alt=""> </div>
                <!--/item--> 
              </div>
              <!--/carousel-inner--> 
              <a class="left-control" href="#whBanner" data-slide="prev"><i class="fa fa-angle-left"></i></a> <a class="right-control" href="#whBanner" data-slide="next"><i class="fa  fa-angle-right"></i></a> </div>
            <p>Reachol bütün hoşlandığın şeyleri bulabildiğin bir ortamdır.</p>
            <p>Reachol'a üyelik için para ödemezsin.Aynı ekran üzerindne ilgilendiğin herşeyi bulabilir ve kimlerin nelerden hoşlandığını bulabilirsin</p>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="choos_us">
          <h3  class="about_title">NE İŞE YARAR</h3>
          <div class="whchoise">
            <p>Reachol sana sevdiğin seyleri beğenip takip edebilme olanağı sunar </p>
            <ul class="timeline">
              <li>
                <div class="timeline-badge">27</div>
                <div class="timeline-panel">
                  <h4>Farklı  <br>
                    Kategori</h4>
                </div>
              </li>
              <li class="timeline-inverted">
                <div class="timeline-badge">3620</div>
                <div class="timeline-panel">
                  <h4 >Çeşitli <br>
                    Paylaşım</h4>
                </div>
              </li>
              <li>
                <div class="timeline-badge">1400</div>
                <div class="timeline-panel">
                  <h4>Online <br>
                    Kişi</h4>
                </div>
              </li>
              <li class="timeline-inverted">
                <div class="timeline-badge">10K</div>
                <div class="timeline-panel">
                  <h4 >Toplam <br>
                    Üye</h4>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="the_process">
          <h3 class="about_title">NASIL ÇALIŞIR</h3>
          <ul class="process">
            <li>
              <h4 class="process-title">
                <div class="process-badge"><i class="fa fa-sort-numeric-asc"></i></div>
                Kategori Zenginliği</h4>
              <p>Onlarca kategori arasından sana uyanları işaretle haberleri al</p>
            </li>
            <li class="inverted">
              <h4 class="process-title">
                <div class="process-badge"><i class="fa fa-users"></i></div>
                Ortak Beğenilerin Olan İnsanlar</h4>
              <p>Aynı beğenilerinizin olduğu kişileri takip edebilir onların paylaştıklarınıda görebilirsiniz</p>
            </li>
            <li>
              <h4 class="process-title">
                <div class="process-badge"><i class="fa fa-check"></i></div>
                Onaylanmış resmi kategoriler</h4>
              <p>Onaylanmış resmi kategoriler ile dha adtaya inebilir sevdiğiniz spor dalının hherhangi bir sayfasını takibe alabilirsiniz</p>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>